<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        

        // 对象的声明

        // 对象的语法 {
            // 属性:属性值,
            // 属性:属性值,
            // ...
            // 行为(方法，函数)
            // 
        // }


        // 对象的访问方法
        //     点语法      obj.name
        //     方括号语法  obj['name']


        // 当访问对象不存在的属性时，不会报错，只会undefined


        // 字面量声明
        var obj = {
            name : '小花' ,
            age : 16 ,
            sex : '女' ,
            say : function() {
                console.log('hello world') ;
            } 
        }


        // 访问对象的值的方法 --- 1 使用点语法
        console.log(obj.name) ;
        obj.say() ;


        // 实例化对象
        var obj2 = new Object() ;   // 创建了一个空对象
        obj2.name = '小花' ;
        obj2.age = 16 ;
        obj2.sex = '女' ;
        obj2.say = function() {
            console.log('hello world') ;
        }


        // 访问对象的值的方法 --- 1 使用方括号语法
        console.log(obj2['name']) ;
        // 当对象对应的属性不存在的时候，也不会报错，只会显示undefined
        console.log(obj2['hobby']) ;   // undefined



        var arr = [1,2,3] ;
        // 当数组对应的下标不存在的时候，不会报错，只会显示undefined
        console.log(arr[3]) ;  // undefined


    </script>
    
</body>
</html>